<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>Title</title>


    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/zhaoping2.css">
</head>
<body>
<div>
    <header>
        <ul class="ul1">
            <li class="boss"><a href="#">boss直聘</a></li>
            <li class="shou"><a href="#">首页</a></li>
            <li><a href="#">职位</a></li>
            <li><a href="#">校园</a></li>
            <li><a href="#">公司</a></li>
            <li><a href="#">APP</a></li>
            <li><a href="#">资讯</a></li>
        </ul>
        <ul class="ul2">
            <li><a href="#">上传简历</a></li>
            <li><a href="#">我要找工作</a></li>
            <li><a href="#">我要招聘</a></li>

            <li><a href="zhaoping.jsp"><button>登录</button></a></li>
        </ul>
    </header>
</div>
<div class="fu">
    <div class="fu_left">
        <img src="images/招聘.png">
    </div>
    <div class="fu_right">
        <div class="tu">
            <img src="images/招聘1.png">
        </div>

    </div>
</div>
<div class="mian">
    <div class="mian1">
        <!-- <span><select>
            <option value="1">职位类型</option>
            <option value="2">不限</option>
            <option value="2">技术</option>
            <option value="2">产品</option>
            <option value="2">设计</option>
        </select></span> -->
        <input type="text" value="  搜索职位、公司">
        <button>搜索</button>
    </div>
    <div class="mian2">
        <p>
            <span>热门职位：</span>

            <a href="#">java</a>
            <a href="#">销售</a>
            <a href="#">产品经理</a>
            <a href="#">web前端</a>
            <a href="#">服务员</a>
            <a href="#">行政</a>
            <a href="#">iOS</a>
            <a href="#">Android</a>
            <a href="#">UI设计</a>
            <a href="#">产品运营</a>
            </ul>
        </p>
    </div>
    <div class="mian3">
        <div class="mian3_left">
            <p>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
            </p>
            <p>
                <span>产品</span>
                <a href="#">产品经理</a>
                <a href="#">产品总监</a>
                <a href="#">数据产品经理</a>
            </p>
            <p>
                <span>运营</span>
                <a href="#">UI设计师</a>
                <a href="#">平面设计师</a>
                <a href="#">交互设计师</a>
            </p>
            <p>
                <span>市场</span>
                <a href="#">市场营销</a>
                <a href="#">市场推广</a>
                <a href="#">品牌公关</a>
                <a href="#">策划经理</a>
            </p>
            <hr />
            <span class="xian"><a href>显示全部职位</a></span>
        </div>
        <div class="mian3_right">
            <div>
                <img src="images/招聘3.jpg">
                <img src="images/招聘5.png">
            </div>
            <div>
                <img src="images/招聘4.png">
                <img src="images/招聘6.png">
            </div>
        </div>
    </div>
    <h1>热招职位</h1>
    <div class="zhu">
        <p>
            <a href="#">IT-互联网</a>
            <a href="#">金融</a>
            <a href="#">房地产.建筑</a>
            <a href="#">教育培训</a>
            <a href="#">娱乐传媒</a>
            <a href="#">医疗健康</a>
            <a href="#">法律咨询</a>
            <a href="#">供应链·物流</a>
        </p>
    </div>
</div>

<!--  职位  -->
<div class="zhiwei">
    <ul>
        <c:forEach var="company" items="${companyList}" >
            <li>
                <a href="${pageContext.request.contextPath}/zhaoping3/${company.cId}">
                    <img src="images/jz.jpg">
                    <p>${company.job}</p>
                    <span class="price">${company.salary}</span>
                </a>
            </li>
        </c:forEach>
    </ul>
</div>

<footer>
    <div>
        <p>
            <a href="#">企业服务</a>
            <a href="#"> <a href="#">企业服务</a></a>
            <a href="#">联系BOSS直聘</a>
        </p>
        <p>
            <a href="#">职位搜索</a>
            <a href="#">平台协议</a>
            <a href="#">北京有限公司</a>
        </p>
        <p>
            <a href="#">新闻资讯</a>
            <a href="#">防骗指南</a>
            <a href="#">公司地址&nbsp;北京市朝阳区太阳宫中路</a>
        </p>
        <p>
            <a href="#">boss直聘APP</a>
            <a href="#"> 使用帮助</a>
            <a href="#">联系电话：12345555444</a>
        </p>

    </div>
    <div class="footer2">
        <span>友情链接</span>
        <a href="#">北京招聘</a>
        <a href="#">上海招聘</a>
        <a href="#">广东招聘</a>
        <a href="#">杭州招聘</a>
        <a href="#">天津招聘</a>
        <a href="#">西安招聘</a>
    </div>

</footer>

</body>
</html>
